<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>社交认证</title>
<link href="/dist/css/all_min.css" tppabs="http://www.115yz.com/xjkc/dist/css/all_min.css" rel="stylesheet">
<link href="/dist/css/cityLayout.css" tppabs="http://www.115yz.com/xjkc/dist/css/all_min.css" rel="stylesheet">
</head>
<body>
<!--页头 start-->
<div id="header" class="kc-fixed kc-boxBody kc-commonHeight kc-commonbg">
    <div class="kc-rel">   
        <div class="float-left kc-cannel kc-pos">
             <div class="icon-bar" onclick="backUrl()"></div>
        </div>
        <a class="float-left kc-title textCenter">社交认证</a>
         <!-- <img src="/dist/img/msg.png" class="kc-msg"> -->
    </div>
</div>
<!--页头 end-->
<!--主体 start-->
<div id="bodyer" class="kc-padbody kc-boxBody bank-body ">
  <form id='form' >
    <div class="bank-block b1" style="height:290px;">
          <div style="position:relative;padding-bottom:12px;"><span class="t1">基本信息 </span><div style="border:none"><span style="font-size:.13rem; position: relative;top: -8px;left: 20px; color: #c7c7c7">请务必填写<span style="font-size:.12rem;color: #E1B685" >真实信息</span>，提交后不可修改！</span></div></div>
          <div><span>婚姻状况 </span><div><input type="text" name="marry" placeholder="请选择婚姻状况" required="required" readonly="readonly" ><img src="/dist/img/arrow.png" onclick="_marry()"></div></div> 
          <div><span>学历状况 </span><div><input type="text" name="xueli" placeholder="请选择您的学历" required="required" readonly="readonly"><img src="/dist/img/arrow.png" onclick="_xueli()"></div></div>  
          <div><span>现居住地 </span><div><input type="text" name="address" id="citySelect" placeholder="请选择现居住地" 
            readonly ></div></div>  
          <div><span>详细地址 </span><div style="border:none"><input type="text" name="ad_detail" placeholder="请填写您的详细地址" required="required"></div></div>  
    </div>
    <div class="bank-block b2 b1"  style="height:80%;">
        <div style="position:relative;padding-bottom:18px;vertical-align: middle;"><span class="t1">紧急联系人 </span><span style="font-size:.12rem; position: relative;top: 10px;left: 20px; color: #c7c7c7">请务必填写<span style="font-size:.12rem;color: #E1B685" >至少一位，直系亲属。</span></span></div>
        <div><span>联系人一 </span><div><input type="text" name="person_one" placeholder="请输入联系人姓名" required="required"></div> </div>
        <div><span>联系方式 </span><div><input type="text" name="person_one_mobile" placeholder="请输入联系人手机号" required="required"></div></div>  
        <div style="border-bottom:1px solid #E0E0E0"><span>亲属关系 </span><div style="border:none"><input type="text" name="r1" placeholder="请选择联系人和您的关系" required="required"  readonly="readonly"><img src="/dist/img/arrow.png" onclick="relation('r1')"></div></div>  
        <div style="position:relative;margin-top:10px;"><span>联系人二 </span><div><input type="text" name="person_two" placeholder="请输入联系人姓名" required="required"></div> </div>
        <div><span>联系方式 </span><div><input type="text" name="person_two_mobile" placeholder="请输入联系人手机号" required="required"></div>  </div>
        <div style="position:relative;margin-bottom:10px;"><span>亲属关系 </span><div><input type="text" name="r2"   placeholder="请选择联系人和您的关系" required="required" readonly="readonly"><img src="/dist/img/arrow.png" onclick="relation('r2')"></div></div>
      </div>
    <div class="bank-block">
          <div id="bank-block-last"><img src="/dist/img/point.png" class="circle" onclick="changeImg(this)"><span>我已阅读并同意<a href="#">《现金滴滴服务协议》</a></span></div>
          <div class="comfirm"><img src="/dist/img/comfirm.png"></div>
          <div class="shield2"><img src="/dist/img/shield2.png"><span>您的信息将进行加密保护</span></div>  
    </div>
  </form>
</div>
<script src="/resourse/jquery/jquery-1.11.3.min.js" tppabs="http://www.115yz.com/xjkc/resourse/jquery/jquery-1.11.3.min.js"></script>
<script src="/dist/js/all_min.js" tppabs="http://www.115yz.com/xjkc/dist/js/all_min.js"></script>
<script src="/dist/js/july.js" tppabs="http://www.115yz.com/xjkc/dist/js/all_min.js"></script>
<script src="/dist/js/cityselect.js" tppabs="http://www.115yz.com/xjkc/dist/js/all_min.js"></script>
<script type="text/javascript">
init_city_select($("#citySelect"));
$('.comfirm').click(function(){
      let name = $('input[name="marry"]').val();
      let result_isRealName = isEmpty(name,'婚姻状况');
      if( result_isRealName==false) {return false};
      let name1 = $('input[name="xueli"]').val();
      let result_isRealName1 = isEmpty(name1,'学历状况');
      if( result_isRealName1==false) {return false};
      let name2 = $('input[name="address"]').val();
      let result_isRealName2 = isEmpty(name2,'地址');
      if( result_isRealName2==false) {return false};
      let name3 = $('input[name="ad_detail"]').val();
      let result_isRealName3 = isEmpty(name3,'详细地址');
      if( result_isRealName3==false) {return false};
      let name4 = $('input[name="person_one"]').val();
      let result_isRealName4 = isEmpty(name4,'解决联系人');
      if( result_isRealName4==false) {return false};
      let name5 = $('input[name="person_one_mobile"]').val();
      let result_isRealName5 = isEmpty(name5,'紧急联系人电话');
      if( result_isRealName5==false) {return false};
      let name6 = $('input[name="r1"]').val();
      let result_isRealName6 = isEmpty(name6,'联系人关系');
      if( result_isRealName6==false) {return false};
      let name7 = $('input[name="person_two"]').val();
      let result_isRealName7 = isEmpty(name7,'紧急联系人');
      if( result_isRealName7==false) {return false};
      let name8 = $('input[name="person_two_mobile"]').val();
      let result_isRealName8 = isEmpty(name8,'紧急联系人电话');
      if( result_isRealName8==false) {return false};
      let name9 = $('input[name="r2"]').val();
      let result_isRealName9 = isEmpty(name9,'联系人关系');
      if( result_isRealName9==false) {return false};
      let proto =isReadProtocol();
      if( proto==false) {return false};
      AJAX('/index.php/index/socialCollect','POST')
      url('/index.php/index/authen')   
})
//
function changeImg(img){
      let hostname = 'http://'+location.host;
   if(img.src ==hostname+'/dist/img/point.png'){
      img.src ="/dist/img/checked.png"    
   }else{
      img.src ="/dist/img/point.png"    
   }
}
//是否同意《现金滴滴服务协议》
function isReadProtocol(){
      let proto = $('.circle').attr('src')
      if(proto!=='/dist/img/checked.png'){
            openTip('请同意《现金滴滴服务协议》'); 
            return false;     
      }
}
//marry 
function _marry(){
      openChoice(['已婚','未婚'],'marry');
}
function _xueli(){
      openChoice(['初中及以下','高中','大学','硕士及以上'],'xueli');
}
function relation(r){
      openChoice(['父母子女','配偶','朋友','同事'],r);
}
</script>
</body>
</html>